<template>
    <div class="category">
        <h3>{{ title }}分类</h3>
        <!-- <ul>
            <li v-for="(item,index) in listData" :key="index">{{ item }}</li>
        </ul> -->
        <!--slot:定义一个插槽-->
        <!--组件标签的插槽放在这里-->
        <slot>我是一些默认值，当使用者没有传递具体结构时，我会出现</slot>
    </div>
</template>

<script>
export default {
    name:'C-category',
    props:['title']
}
</script>

<style>
    .category{
        background-color: pink;
        width: 200px;
        height: 300px;
    }
    h3{
        text-align: center;
        background-color: yellow;    
    }
    image{
		width: 100%;
		height: auto;
	}
</style>